:root {
  --header-color: rgb(229, 229, 229);
  --header-text-color: rgba(51, 51, 51);
  --silder-color: rgb(243, 243, 243);
  --silder-text-color: rgba(51, 51, 51);
  --silder-hover-color: rgb(51, 51, 51, 0.25);
  --content-color: #fff;
  --content-text-color: #000;

  --menu-text-color: rgba(51, 51, 51);
  --menu-text-color-light: rgba(51, 51, 51, 0.6);
  /* 滚动条轨道颜色 */
  --scrollbar-tarck-color: rgba(0, 0, 0, 0);
  /* 滚动条滑块颜色 */
  --scrollbar-thumb-color: rgba(51, 51, 51, 0.2);
  --scrollbar-thumb-hover-color: rgba(51, 51, 51, 0.3);
  --box-shadow-color: rgba(0, 0, 0, 0.2);
  --box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.el-popper.is-dark{
  color: var(--silder-text-color);
  background: var(--silder-color);
  box-shadow: var( --box-shadow);
}
.el-popper.is-dark .el-popper__arrow::before{
  box-shadow:-2px 2px 5px -2px var(--box-shadow-color);
  background: var(--silder-color);
}
.el-menu{
  --el-menu-hover-bg-color: var(--silder-hover-color) !important;
}
